<template>
    <div class="item-content">
        <!-- <i class="iconfont">{{item.code}}</i> -->
        <div v-html="item.code"></div>
        <p class="item-title">{{item.title}}</p>
    </div>
</template>

<script>
import '../../../iconfont.css'
export default {
    props:['item'],
    name:'HotItem',
    created(){
        console.log(this.item.code)
    },
    data(){
        return{
            
        }
    }
}
</script>

<style scoped>
.item-title{
    margin-bottom: 30px;
    font-size: 14px;
    color: #333333;
}
.item-content{
    text-align: center;
    /* flex: 1; */
    width: 19%;
    /* border: solid 1px #666666; */
}
</style>